/* 公共样式部分 */
@charset"utf-8";
body{font-family: Microsoft YaHei; word-wrap:break-word; word-break:break-all;}
*,p{margin: 0;padding: 0;}
li{list-style: none;}
ul, ol{list-style: none outside none;}
a{display: inline-block;text-decoration: none;color:#333333}a:active{color:#181818}
img{max-width:100%;display: block;}
input,textarea{box-shadow:none;-webkit-appearance:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
::-webkit-input-placeholder {color: #dbdbdb;}

/*  字体颜色   大小  对齐方式  溢出*/
.col-red{color: #ff3b2f;}
.f16{font-size:.8rem}.f15{font-size:.7rem}.f14{font-size:.6rem}.f12{font-size:.5rem}
.fs-18{ font-size: .45rem;}.fs-20{ font-size: .5rem;}.fs-22{ font-size: .55rem;}.fs-24{ font-size: .6rem;}.fs-26{ font-size: .65rem;}
.text-l{text-align:left} .text-c{text-align:center}.text-r{text-align:right}
.ofh{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.word-b{word-break:break-all}

/*  块级背景色   边框   */
.bg-red{background: #ff3b2f;}

/*  块级转行级   */
.dib{display: inline-block;}

/*    flex布局   */
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center; align-items: center;}
.flexbox{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

/*   位置相关   */
.pr{position: relative;}.fl{float: left;}.fr{float: right;}
/*   清浮动   */
.cf:after{content:""; clear:both; display:table;}.cf {zoom:1;}
/*   显示隐藏  */
.show{display:block}.hide{display:none}

/*   全局公用  */
body{background: #F4F4F4;}

/*   头部    */
.bar{background: #2c3d52;}
.icon-me{display: block;width: 2.2rem;height: 2.2rem;background: url(../../image/common/navIcon.png) no-repeat center center;background-size: 1rem 1rem;}
.logo{width: 5rem;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: 6px;margin-left: -50px;}

/*     遮罩层      */
.pageOver{position: absolute;z-index:99999;top:0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.7);}

/*    左侧面板    */
.panel{width:10rem;background: #233244;overflow-x: hidden;overflow-y: auto;}
body.with-panel-left-reveal .page{transform: translate3d(10rem, 0, 0)}
.headImg{width: 4rem;height: 4rem;margin: 2rem auto;border-radius: 50%;}
.headName{width: 100%;margin-top:-1rem;font-size:1rem;text-align: center;color: #FFF;}
.headLine{width: 110%;height:1.5rem;margin-left:-5%;background: url(../../image/common/line.png) no-repeat center center;background-size: 110% .1rem;}
.slideBarWrap{margin: 0 -0.8rem}
.subSlideExit{margin: 0 -0.8rem;}
.subSlide{display: block;float:left;width: 100%;height: 3rem;line-height:3rem;font-size:.7rem;color: #FFF;}
.slideHoverBg{background: #2D3C50;}
.subSlide .slideIcon{display: inline-block;float:left;width: .8rem;height: 3rem;margin:0 .5rem 0 28%}
.slide1 .slideIcon{background: url(../../image/common/slideBar/indexIcon.png) no-repeat center center;background-size: .8rem .8rem;}
.slide2 .slideIcon{background: url(../../image/common/slideBar/bussIcon.png) no-repeat center center;background-size: .8rem .8rem;}
.slide3 .slideIcon{background: url(../../image/common/slideBar/gearIcon.png) no-repeat center center;background-size: .8rem .8rem;}
.slide4 .slideIcon{background: url(../../image/common/slideBar/interfaceIcon.png) no-repeat center center;background-size: .8rem .8rem;}
.slide5 .slideIcon{background: url(../../image/common/slideBar/rechargeIcon.png) no-repeat center center;background-size: .8rem .8rem;}
.slide6 .slideIcon{background: url(../../image/common/slideBar/exitIcon.png) no-repeat center center;background-size: .74rem .74rem;}
.innerSlideBoxWrap{width: 100%;}
.innerSlideBoxWrap .subInnerSlide{width:100%;height: 1.5rem;font-size: .5rem;text-align:center;color: #68bef5;}
.innerSlideBoxWrap .subInnerSlide .innerSlideName{margin-left: 8%;}
.exitBtn{display: block;width: 2rem;height: 1rem;margin:1rem .3rem;line-height: 1rem;font-size: .6rem;color: #FFF;}
.upNext{display: block;float:right;width:45px;height: 3rem;margin-right:10px;background: url(../../image/common/slideBar/down.png) no-repeat center center;background-size: .4rem .4rem;}
.downNext{display: block;float:right;width:45px;height: 3rem;margin-right:10px;background: url(../../image/common/slideBar/up.png) no-repeat center center;background-size: .4rem .4rem;}

/*   今日订单   */
.orderTodayWrap,.cashTodayWrap{margin:0 5% 1rem 5%;padding-top:.8rem;background: #FFF;}
.indexTit{width: 100%;height:.6rem;padding-left:.5rem;line-height: .8rem;font-size: .7rem;font-weight: 700;color: #333;border-left: 3px solid #009CEF;}
.indexCon{width:100%;margin:1rem 0 1rem 4%;}
.subBlock{width:28%;margin-right:4%;padding:.6rem 0;text-align:center;border:1px solid #e8e8e8;border-radius: 5px;}
.blockName{width: 100%;line-height:2rem;font-size: .6rem;color: #666;}
.blockNum{width: 100%;font-size: .7rem;font-weight:700;color: #333;}
.blockNum.col-red{color: #ff3b2f;}

/*   保存和返回按钮   */
.sure-btn{width: 100%;height: 2.2rem;line-height: 2.2rem;text-align: center;margin-top: 1.6rem;font-size: 1rem;letter-spacing: 4px;border-radius: 5px;background: #2c3d52;color: #fff;}
.return-btn{width: 100%;height: 2.2rem;line-height: 2.2rem;text-align: center;margin: .8rem 0 1rem;font-size: 1rem;letter-spacing: 4px;border-radius: 5px;border: 1px solid #ccc;background: #fff;color: #666;}

/*      面包屑      */
.crumbs{margin: .8rem 0;}
.crumbs a{color: #666;font-size: .85rem;}

